<template>
	<view class="all" :style="{
		'background-color':current==0?'#F8F8FA':''
	}">
		<liuyuno-tabs :tabData="list" :activeIndex="current" @tabClick='tabClick' :pingfen='false' back='white' />
		<view class="top_1" v-if="current==1">
			<text @click="xuan=index" v-for="(item,index) in list1" :class="{
					top_1_1:xuan==index,
				}">{{item.name}}</text>

		</view>
		<view style="padding: 30rpx;">
			<xxk v-if='current==0' :tabble="true" :op='2'></xxk>
			<view class="" v-else>
				<jpkc
				 :geren='1'
				 v-if="xuan==0"></jpkc>
				<zb  v-if="xuan==1"></zb>
				<zhuanlan  v-if="xuan==2"></zhuanlan>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current: 0,
				list: [{
					name: '已购活动',
					width: '200rpx'
				}, {
					name: '已购课程',
					width: '200rpx'
				}, ],
				xuan: 0,
				list1: [{
						name: '视频课程',
					},
					{
						name: '直播课程',
					},
					{
						name: '专栏课程',
					}
				],
			
			};
		},
		methods: {
			tabClick(a, b) {
				this.current = b
			}
		}
	}
</script>

<style lang="scss">
	.all {
		min-height: 1300rpx;

		.top_1 {
			padding: 30rpx 0rpx 0rpx 30rpx;

			.top_1_1 {
				background: #FFD500;
				font-size: 30rpx;
				font-family: Source Han Sans CN;
				font-weight: 500;
				color: #703F00;
				opacity: 1;
			}

			text {
				background: #EEEFF1;
				display: inline-block;
				margin-right: 20rpx;
				font-size: 30rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #91969A;
				opacity: 1;
				padding: 0rpx 25rpx 0rpx 25rpx;
				text-align: center;
				line-height: 58rpx;
				opacity: 1;
				border-radius: 29rpx;
			}
		}
	}
</style>
